<template>
    <div class="PrizeDetail">
        <img class="goods_photo" src="https://i1.mifile.cn/f/i/16/chain/milaptop/milaptop-07.jpg" alt="">

        <div class="goods_detail">
            <p class="time">9月16日已开奖</p>
            <p class="goods_name">15.6"笔记本 i5 4G MX110</p>
            <div class="goods_word">
             <p class="winning">恭喜，您已中奖！</p>
             <p class="loser" v-if="false">很遗憾，您此次没有中奖，参与与多个抽奖可提升中奖概率</p>
             <router-link to="/FillAddress" class="btn">填写中奖信息</router-link>
             <router-link to="/FillAddress" class="btn">马上领奖</router-link>
            </div>      
        </div>


        <div class="Prizemsg">
           <div class="title">开奖信息：</div>
            <p>中奖号码：<span>30005699</span></p>
            <p>幸运者昵称：<span>隔**老王</span></p>
            <p>开奖时间：<span>2018-09-16  00:00:48</span></p>
            <p>本次参与人数：<span>10000</span> </p>


        </div>


    </div>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
@import "../style/base.less";

.PrizeDetail {
  background: #fff;
  .goods_photo {
    width: 100%;
  }

  .goods_detail {
    padding: 24 / @px;
    .time {
      font-size: 30 / @px;
      color: #ff0032;
    }
    .goods_name {
      font-size: 42 / @px;
      color: #1a1a1a;
      margin-bottom: 20 / @px;
      margin-top: 10 / @px;
    }

    .goods_word {
      display: flex;

      align-items: center;
      justify-content: space-between;
        .loser{
            flex: 1;
            color: #666;
            font-size: 30/@px;
        }
      .winning {
        font-size: 36 / @px;
        color: #ff0032;
      }
      .btn {
        text-align: center;
        padding: 12 / @px 14 / @px;
        background: #ffdb4f;
        border-radius: 10 / @px;
        //   line-height: 60 / @px;
        font-size: 28 / @px;
        color: #1a1a1a;
      }
    }
  }

  .Prizemsg{
      border-top: 1px solid #e5e5e5;
      padding: 24/@px;
      .title{
        color: #1a1a1a;
        font-size: 32/@px;  
      }
      p{
        font-size: 28/@px;
        color: #333;  
        margin-bottom: 5/@px;
      }
  }
}
</style>